<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../../lib/theme/vue.css" />
    <link rel="stylesheet" href="./code/demo-simple.css" />
    <script defer src="../../dist/main.js"></script>
    <script defer src="./code/demo-simple.js"></script>
</head>
<body>
    <script type="text/babel">
        Context.setAttribute('leftFooter', 'GAME101');
        Context.setAttribute('rightFooter', 'Lingqi Yan, UC Santa Barbara');
        window.content = <Widget.PowerPoint>
                <CoverFrame
                    title="Introduction to Computer Graphics"
                    viceTitle="GAMES101, Lingqi Yan, UC Santa Barbara"
                    centerTitle={<div>Lecture 4:<br/>Transformation Cont.</div>}
                    images={['./images/1.jpeg', './images/2.jpeg', './images/3.jpeg', './images/4.jpeg']}
                    link={'http://www.cs.ucsb.edu/~lingqi/teaching/games101.html'}/>
                <ContentFrame title="Last Lecture">
                    <Ul><Li><Strong>Transformation</Strong></Li>
                        <Ul>
                            <Li> Why study transformation </Li>
                            <Li> 2D transformations: rotation, scale, shear </Li>
                            <Li> Homogeneous coordinates </Li>
                            <Li> Composite transform </Li>
                            <Li> 3D transformations </Li>
                        </Ul>
                    </Ul>
                </ContentFrame>
                <SubContentFrame title="What is PM?">
                    <P><Code>项目</Code> 是独特和临时性的任务，特点：<kbd>独特性</kbd> <kbd>临时性</kbd> <kbd>不确定性</kbd> </P>
                    <P><Code>运作(Operation)</Code> 是持续不断和重复的 </P>
                    <div>参考书：
                        <Ol>
                            <Li>《<A href="#">一页纸项目管理</A>》</Li>
                            <Li>《<A href="#">成功的项目管理</A>》</Li>
                            <Li>《<A href="#">基于项目的管理手册</A>》</Li>
                        </Ol>
                    </div>
                </SubContentFrame>
                <ContentFrame title="Today">
                    <P>始终围绕一目标：就是要让干系人满意。</P>
                    
                    <div>
                            <H3>公式和代码测试 </H3>
                            <MathBlock>
                                {
                                    `
                                    \\begin{split}
                                    \\cos 2x &= \\cos^2x - \\sin^2x \\\\
                                    &=2\\cos^2x-1
                                    \\end{split}
                                    `
                                }
                            </MathBlock>
                            <CodeBlock lang="js">
                                {
`let x = someVal || "defaulValue";
console.log(x);`
                                }
                            </CodeBlock>
                        </div>
                </ContentFrame>
                <ThankFrame title="Thank you!" />

            </Widget.PowerPoint>;
    </script>
</body>
</html>

